/* 
    Document   : estilo
    Created on : 21/05/2013, 21:16:59
    Author     : Matheus
    Description:
        Purpose of the stylesheet follows.
*/
body {
    margin: 0 auto;
    
}
.cabecalho{
    background-color: #484848;
    line-height: 30px;
    margin: 0 auto;
    height: 30px;
    width: 100%;
    vertical-align: central;
    border-top: 3px black solid;
    border-bottom: 3px black solid;
    padding-top: 2px;
    font-size: 19px;
    position: relative;
}
.aviso{
    margin: 0px auto;
    border-style: dashed;
    border-color: red;
    border-width: 1px;
    width:400px;
    text-align:center;
}
a:link, a:visited, a:hover, a:active{
    text-decoration: none;
    color: black;
}

#home{
    margin-left: 5%;
    color: white;
}

#cadastro{
    float: right;
    margin-right: 5%;
    color: white;
}

.conteudo{
    background-color: #F8F9FA;
    margin: 0 auto;
    width: 65%; 
    border-bottom: 2px black solid;
    border-top: 2px black solid;
    font-weight: bold;
    padding: 2px;
}

#tag{
    margin: 3%;
    color: #0088cc;
}

#musica{
    margin: 3%;
    color: #0088cc;
}

#atributo_musica{
    margin-left: 5%;
}

#btn-voltar{
    float: right;
    margin-right: 5%;
}

#btn-like{
    margin-left: 5%;
    cursor: pointer;
}

#btn-dislike{
    cursor: pointer;
}

#btn-cadastrar{
    cursor: pointer;
}

#btn-limpar{
    cursor: pointer;
}

#rodape{
    float: bottom;
    border-top: 1px black solid;
    text-align: center;
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #484848;
    color: white;
}

.idioma{
    float: right;
    margin-right: 5%;
}

.foto{
    float: left;
    margin-right: -5%;
}

.logo{
    float: right;
    margin-right: 5%;
}

.letra{
    font-family: Segoe Script; 
}